<script setup lang="ts">
/**
 * 如果想要让简单的函数的数据变成响应式数据
 * 请用ref函数包裹---会放回一个响应式对象，把值给这个对象的value属性
 * 注意点：
 * 在script标签中使用，需要.value
 * 在模板中使用，正常使用
 * */
import { ref } from 'vue'

let age = ref(18)
const changeAge = () => {
  age.value++
}
</script>

<template>
  <div class="app-page">
    <div>{{ age }}</div>
    <button @click="changeAge">年龄++</button>
  </div>
</template>

<style lang="css" scoped></style>
